home *** CD-ROM | disk | FTP | other *** search
/ The Virtual Lab Series / The Virtual Lab Series (Howard Hughes Medical Institute)(BioInteractive)(2013).iso / pc / bacterial_id / content / scrollbar.css < prev    next >
Cascading Style Sheet File  |  2011-11-28  |  837b  |  58 lines
  1. /**
  2.  *
  3.  * Horizontal Scrollbar
  4.  *
  5.  */
  6. .myScrollbarH {
  7.     position:absolute;
  8.     z-index:100;
  9.     height:7px;
  10.     bottom:1px;
  11.     left:2px;
  12.     right:7px
  13. }
  14.  
  15. .myScrollbarH > div {
  16.     height:100%;
  17. }
  18.  
  19.  
  20. /**
  21.  *
  22.  * Vertical Scrollbar
  23.  *
  24.  */
  25. .myScrollbarV {
  26.     position:absolute;
  27.     z-index:100;
  28.     width:7px;bottom:7px;top:2px;right:1px
  29. }
  30.  
  31. .myScrollbarV > div {
  32.     width:100%;
  33. }
  34.  
  35.  
  36. /**
  37.  *
  38.  * Both Scrollbars
  39.  *
  40.  */
  41. .myScrollbarH > div,
  42. .myScrollbarV > div {
  43.     position:absolute;
  44.     z-index:100;
  45.  
  46.     /* The following is probably what you want to customize */
  47.     -webkit-box-sizing:border-box;
  48.     -moz-box-sizing:border-box;
  49.     -o-box-sizing:border-box;
  50.     box-sizing:border-box;
  51.     
  52.     border-width:3px;
  53.     -webkit-border-image:url(scrollbar.png) 6 6 6 6;
  54.     -moz-border-image:url(scrollbar.png) 6 6 6 6;
  55.     -o-border-image:url(scrollbar.png) 6 6 6 6;
  56.     border-image:url(scrollbar.png) 6 6 6 6;
  57. }
  58.